<ui:composition 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" 
	template="/layout/template.xhtml">
	<ui:define name="content">
		<ui:include src="/dm/proveedor.xhtml" />
		<ui:include src="/dm/proveedorDetalles.xhtml" />

		<h:form id="formPrincipal">
			<p:messages showDetail="true" />
			<h1>#{mensaje.titulo_proveedores}</h1>
			<p:separator id="separator" />
			<br />
			<h:panelGroup>
				<p:commandButton icon="ui-icon-document"
					value="#{mensaje.action_nuevo} "
					action="#{proveedorBean.iniciar()}" onclick="PF('dlg').show()"
					update=":formProveedores" />
				<br />
				<br />
			</h:panelGroup>

			<p:dataTable id="tableId" paginator="true" rows="10"
				value="#{proveedorList.findAllWithLocalization()}" var="_proveedor"
				paginatorPosition="bottom">

				<p:column sortBy="#{_proveedor.nombre}"
					filterBy="#{_proveedor.nombre}">
					<f:facet name="header">#{mensaje.titulo_proveedor_nombre}</f:facet>
                        #{_proveedor.nombre}
                </p:column>


				<p:column sortBy="#{_proveedor.ciudad}"
					filterBy="#{_proveedor.ciudad}">
					<f:facet name="header">#{mensaje.titulo_ciudad}</f:facet>
                        #{_proveedor.ciudad.nombre}
                </p:column>


				<p:column sortBy="#{_proveedor.telefono}"
					filterBy="#{_proveedor.telefono}">
					<f:facet name="header">#{mensaje.titulo_telefono}</f:facet>
                        #{_proveedor.telefono}
                </p:column>

				<p:column sortBy="#{_proveedor.email}"
					filterBy="#{_proveedor.email}">
					<f:facet name="header">#{mensaje.titulo_email}</f:facet>
                        #{_proveedor.email}
                </p:column>

				<p:column sortBy="#{_proveedor.sitioWeb}"
					filterBy="#{_proveedor.sitioWeb}">
					<f:facet name="header">#{mensaje.titulo_sitioWeb}</f:facet>
                        #{_proveedor.sitioWeb}
                </p:column>

				<p:column>
					<f:facet name="header">#{mensaje.label_opciones}</f:facet>
					<p:commandButton id="detailButton"
						action="#{proveedorBean.iniciar(_proveedor)}"
						icon="ui-icon-search" onclick="PF('dlgDetail').show()"
						update=":formProveedoresDetalles" />
					<p:tooltip for="detailButton" value="#{mensaje.action_detalles}" />
					<p:commandButton id="modButton"
						action="#{proveedorBean.iniciar(_proveedor)}"
						icon="ui-icon-pencil" onclick="PF('dlg').show()"
						update=":formProveedores" />
					<p:tooltip for="modButton" value="#{mensaje.action_modificar}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton id="delButton"
						action="#{proveedorBean.eliminar(_proveedor)}"
						icon="ui-icon-closethick" update=":formPrincipal">
						<p:confirm header="Confirmation"
							message="#{mensaje.titulo_confirmacion_proveedor}"
							icon="ui-icon-alert" />
					</p:commandButton>
					<p:tooltip for="delButton" value="#{mensaje.action_eliminar}"
						showEffect="fade" hideEffect="fade" />
					<p:confirmDialog global="true" showEffect="fade">
						<p:commandButton value="#{mensaje.titulo_si}" type="button"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="#{mensaje.titulo_no}" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>
				</p:column>

			</p:dataTable>
		</h:form>
	</ui:define>
</ui:composition>
